<style lang="scss" scoped>
    .fb-checkbox-utils {
        display: inline-block;
        padding-top: 7px;
    }
</style>
<template>
    <div class="fb-checkbox-utils">
        <input type="checkbox" :id="id" class="k-checkbox" :checked="value" @change="emitValue($event.target.checked)">
        <label class="k-checkbox-label" :for="id"></label>
    </div>
</template>
<script>
    export default {
        name: 'Checkbox',
        props: ['value', 'id'],
        methods: {
            emitValue: function (isChecked) {
                this.$emit('input', isChecked)
            }
        }
    }
</script>
